import React from 'react';
import { Form, Row, Col, Input, Select } from 'antd';
import { ExpertsDictionaryService } from '../services/DictionaryService';
import pageStyles from '@/common/pageLayout.less';

const UpdateExpertsFormDocumentInfo: React.FC = () => {
  const { cardTypeList } = ExpertsDictionaryService();

  return (
    <Row className={pageStyles['fromView-labelLengthMax']}>
      <Col span={12}>
        <Form.Item
          label="证件类型"
          name="cardType"
          // rules={[
          //   {
          //     required: true,
          //     message: '请选择证件类型',
          //   },
          // ]}
        >
          <Select
            placeholder="请选择"
            options={cardTypeList}
            fieldNames={{
              label: 'name',
              value: 'value',
            }}
          />
        </Form.Item>
      </Col>

      <Col span={12}>
        <Form.Item
          label="证件号码"
          name="cardNum"
          // rules={[
          //   {
          //     required: true,
          //     message: '请输入证件号码',
          //   },
          // ]}
        >
          <Input placeholder="请输入" />
        </Form.Item>
      </Col>

      <Col span={12}>
        <Form.Item
          label="开户行名称"
          name="bankName"
          // rules={[
          //   {
          //     required: true,
          //     message: '请输入开户行名称',
          //   },
          // ]}
        >
          <Input placeholder="请输入" />
        </Form.Item>
      </Col>

      <Col span={12}>
        <Form.Item
          label="银行账户"
          name="bankNum"
          // rules={[
          //   {
          //     required: true,
          //     message: '请输入银行账户',
          //   },
          // ]}
        >
          <Input placeholder="请输入" />
        </Form.Item>
      </Col>
    </Row>
  );
};

export default UpdateExpertsFormDocumentInfo;
